<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                template="/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">


    <ui:define name="titulo">
        Órdenes de Compra
    </ui:define>
    <ui:define name="cuerpo">
        <ui:include src="filtros/todos.xhtml"/>

        <h:panelGroup rendered="#{autorizador.hayPermiso('VisualizaOrdenCompra')}">
            <h:form>

                <gp:layout2>
                    <f:facet name="operaciones">
                        <ui:include src="filtros/operaciones.xhtml"/>
                    </f:facet>
                    <f:facet name="filtros">
                        <ui:include src="filtros/filtros.xhtml"/>
                    </f:facet>
                    <f:facet name="centro">
                        <h:panelGroup>

                            <ui:include src="filtros/dropArea.xhtml"/>

                            <p:spacer height="10"/>

                            <p:dataTable value="#{ordenCompraBean.findAll()}" var="o" styleClass="resultado">

                                <p:column>
                                    <f:facet name="header">
                                        Nro
                                    </f:facet>
                                    <h:outputText value="#{o.numero}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        Proveedor
                                    </f:facet>
                                    <h:outputText value="#{o.proveedor.nombre}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        Obra
                                    </f:facet>
                                    <h:outputText value="#{o.obra.nombre}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        Creación
                                    </f:facet>
                                    <h:outputText value="#{o.creacion}">
                                        <f:convertDateTime locale="#{formato.locale}" pattern="#{formato.patronFecha}"/>
                                    </h:outputText>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        Estado
                                    </f:facet>
                                    <h:outputText value="#{o.estado.descripcion}" style="color:#{o.estado.color}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        Acciones
                                    </f:facet>
                                    <h:commandButton action="#{ordenCompraBean.preparaEdicion(o)}" value="Editar" rendered="#{autorizador.hayPermisoAccion('EditaOrdenCompra')}"/>
                                </p:column>
                            </p:dataTable>





                        </h:panelGroup>
                    </f:facet>
                </gp:layout2>

            </h:form>
        </h:panelGroup>

    </ui:define>

</ui:composition>
